/*二维码*/
html{
    font-size: 345%;
}
.gotoseeit{
    float: right;
    width: 1.15rem;
    /*height: .55rem;*/
    line-height: .55rem;
    /*margin: .3rem .15rem 0;*/
    margin: 0 .15rem 0;
    background-color: rgb(53,130,218);
    text-align: center;
}
#qrcode{
    max-width:1000px;
    min-width: 320px;
    position:fixed;
    z-index: 9999;
    overflow: hidden;
    /*top:44px;*/
    height:110px;
    width:100%;
    box-sizing: border-box;
    text-align: center;
    background: #F84C4A;

}
#qrcode>div{
    position: relative;
    /*width:100%;*/
    /*height:100px;*/
    height:110px;
    margin:0 auto;
    box-sizing: border-box;

}
/*#qrcode>div#gobackimg{*/
    /*left: 0;*/
    /*height: 110px;*/
    /*width: 59px;*/
    /*background: #fff;*/
    /*text-align: right;*/
    /*overflow: hidden;*/
    /*border-bottom: 1px solid #d1d1d1;*/
    /*box-sizing: border-box;*/
    /*z-index: 9999;*/
/*}*/
/*#qrcode>div#gobackimg>img{*/
    /*margin-top:48px;*/
    /*width:58px;*/
    /*height:auto;*/
    /*margin-left:5px;*/
/*}*/
#qrcode div.lf{
    margin-top:10px;
}
#qrcode>div>div:not(.lf){
    /*height:80px;*/
    padding-top:15px;
    text-align: left;
    box-sizing: border-box;
}
#qrcode img{
    height:80px;
    width:80px;
    margin:0 auto;
    /*position: absolute;*/
    /*top:50%;*/
    /*left:50%;*/
    /*transform: translate(-50%,-50%);*/
}
#qrcode>div{
    position: absolute;
    left:0;
}
#qrcode .userimg>img{
    /*width:50px;*/
    /*height:50px;*/
    width:37px;
    height:37px;
    /*border-radius: 5px;*/
}
#qrcode .userimg{
    /*margin-top:6px;*/
}
#fromusername,#friusername{
    text-align: center;
    height:18px;
    /*width:50px;*/
    width:60px;
    line-height:18px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
    /*color:#fff;*/
    color:#111;
    font-size: 8px;
}
.relalist div.showlist{
    /*height: .8rem;*/
    line-height: 1.7;

    /*padding-left:8px;*/
    /*white-space:nowrap;*/
    display: -webkit-box; /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-box-orient: vertical; /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
    text-overflow: ellipsis;/*，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    overflow : hidden;
    -webkit-line-clamp: 2;
    font-size: 18px;
}
/*.relalist>div:first-child{*/
    /*padding-bottom:5px;*/
/*}*/
/*.relalist>div:last-child{*/
    /*padding-top:5px;*/
/*}*/

#nav1>.lf{
    overflow: hidden;
}
#nav1>.lf>.qrdiv{
    float: left;
    width:33%;
}
#nav1>.lf>.qrdiv>div{
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
    text-align: center;
    color:#fff;
    font-family:-apple-system,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif;
}
.relalist div{
    cursor: pointer;
    /*color: #fff;*/
    color:#111;
    font: 14px/1 -apple-system,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","Microsoft JhengHei","Source Han Sans SC","Noto Sans CJK SC","Source Han Sans CN","Noto Sans SC","Source Han Sans TC","Noto Sans CJK TC","WenQuanYi Micro Hei",SimSun,sans-serif;
    font-size: 16px;
}
/*滚动修改*/
.relalist{
    /*padding-top:10px;*/
    padding-top:29px;
}
#qrcode>div>div:not(.lf){
    padding-top:0;
}
#nav1,#nav2,#nav3{
    width: 100%;
    box-sizing: border-box;
    /*background: #F84C4A;*/
    /*background: #b92b27;*/
    background: #fff;
    /*padding-left: 59px;*/
    /*padding-right:15px;*/
}

/**/
#qrcode div.lf{
    float: left;
    /*margin: .18rem .25rem 0 .15rem;*/
    margin:34px 19px 0 0;
    /*width: .8rem;*/
    /*height: .8rem;*/
    /*height:100%;*/
}
#qrcode div#nav1 .lf{
    width:100%;
}
.showlist{
    /*margin-right:1.55rem;*/
    margin-right:48px;
    display: -webkit-box; /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
    -webkit-box-orient: vertical; /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
    text-overflow: ellipsis;/*，可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
    overflow : hidden;
    -webkit-line-clamp: 2;
}
.relalist>div{
    position:relative;
}
.relalist .gotoseeit{
    position: absolute;
    top:3px;
    right:.15rem;
    height:20px;
    line-height:20px;
}
.userimg{
    text-align: center;
}
.Header .fixed_header{
    border-top:1px solid #91201c;
}